<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接元素</title>
	</head>
	<body>
		<!-- 超链接：通过点击文本，实现页面跳转 
			超链接元素：a
		超链接属性：必须属性 href="路径+全称"
		超链接有6种表现形式
		①跳转至页面：路径—+文件全称
		②跳转至本地：#【占位符】
		③跳转到互联网页面：http://www.baidu.com  邮箱软件：foxmail
		④实现下载：引入压缩包
		⑤跳转至邮箱：mailto:3103117472@qq.com
		⑥跳转至JavaScript：javascrip:JS语法
		target属性：跳转打开方式
			属性值：_self 默认，当前窗口打开，页面覆盖
				   _parent 当前父页面打开，如果没有父页面效果如上
				   _top 在整个浏览器中打开页面，会忽略页面结构
				   _blank 新打开一个页面，页面不会覆盖【*】
		-->
		<a href="javascript:alert('欢迎学习JS')">跳转至JS</a>
		<a href="mailto:3203117472@qq.com">跳转至邮箱</a>
		<a href="1.zip">下载功能</a><br />
		<a href="http://www.baidu.com" target="_blank">百度一下，你就知道</a><br />
		<a href="#">跳转本地</a><br />
		<a href="大风车.html">大风车页面</a><br />
		
		<h1>锚点技术</h1>
		<!-- 锚点具备三要素：1.定义锚点 2.锚点距离 3.锚点位 -->
		<!-- 1.定义锚点 -->
		<a href="#abc">人</a>
		<!-- 2.锚点距离 填充页面高度:1000px-->
		<div style="height:1000px;"></div>
		<!-- 3.锚点位   超链接name传参属性：【将前台数据传输给后台】
						 属性值：自定
		 -->
		 <a name="abc"><img src="img/1.png" alt="weibo" /></a>
	</body>
</html>